<!DOCTYPE html>
<html>
<head>
    <title>热销商品</title>
    <#include "/header.html">
</head>
<style>
    .el-row {
        margin-bottom: 20px;
    &:last-child {
         margin-bottom: 0;
     }
    }
    .el-col {
        border-radius: 4px;
    }
    .bg-purple-dark {
        background: #99a9bf;
    }
    .bg-purple {
        background: #d3dce6;
    }
    .bg-purple-light {
        background: #e5e9f2;
    }
    .grid-content {
        border-radius: 4px;
        min-height: 36px;
    }
    .row-bg {
        padding: 10px 0;
        background-color: #f9fafc;
    }
    .image{
        width: 100%;
        display: block;
    }
</style>
<body >
    <div id="purchaseGoodsApp" v-cloak>
        <el-row>热销商品</el-row>

        <el-card class="box-card" v-loading="loading">
            <el-row :gutter="20">
                <el-col :span="4" v-for="(item, index) in goods">
                    <div class="grid-content bg-purple">
                        <el-card :body-style="{ padding: '0px' }" shadow="hover" @click.native="goodsClick(index)">
                            <img :src="'https://ziyunoss.oss-cn-hangzhou.aliyuncs.com/' + item.defaultImage + '?x-oss-process=image/resize,m_fixed,h_200,w_200'" class="image">
                            <div style="padding: 14px;">
                                <span>{{item.goodsName }}</span>
                                <div class="bottom clearfix" style="color: #7279C8">
                                    {{item.popSinglePriceShow}}
                                </div>
                            </div>
                        </el-card>
                    </div>
                </el-col>
            </el-row>
        </el-card>
    </div>

<script src="${request.contextPath}/statics/js/modules/mall/purchaseGoods.js?_${.now?long}"></script>
</body>
</html>